<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.Mengquan-bottom{
				width: 100%;
				height:100%;
				background-color: #F5DEB3;
			}
			.guide{
				position: absolute;
				width:25%;
				height:100%;
				float: left;
				height: auto;
			}
			
			ul{
			    margin: 0px;
			    padding: 0;
			    list-style-type:none;
				
			}
			ul a:link{
			    text-decoration: none;
			    border-bottom:0.5px solid #D6A18B ;
			    display:block;
				color:cornsilk ;
			    background-color:Wheat;
			    text-align:center;
			    padding:15px 0px;
			    font-size: 20px;
			    line-height: 40px;
			    letter-spacing: 15px;
			}
			ul a:visited
			{  
			    color:white;
			    border-bottom::1px;px solid darkgrey ;
			}
			ul a:hover
			{
			    color:Orange;
			    background-color:cornsilk;
			   	border-left: 10px solid #d6a18b;
			   	transition: 0.5s; /*延迟hover的时间*/
			   
			}
			ul a: active{
				background-color: Burlywood;
			}
		</style>
	</head>
	<body>
		<div class="guide">
			<ul>
				<li >
					<a id="a1"  href="new_01.html" target="home">
						<i class="fa fa-university" aria-hidden="true"></i>
						梦泉首页 
						<i class="fa fa-angle-double-right" aria-hidden="true"></i> 
					</a>
					
				</li>
				<li >
					<a id="a2" href="练习.html" target="home">
						<i class="fa fa-jpy" aria-hidden="true"></i>
						今日销售
						<i class="fa fa-angle-double-right" aria-hidden="true"></i> 
					</a>
					
				</li>
				<li >
					<a id="a3" href="indexgoods.html" target="home">
						<i class="fa fa-shopping-cart" aria-hidden="true"></i> 
						食材管理
						<i class="fa fa-angle-double-right" aria-hidden="true"></i> 
					</a>
					
				</li>
				<li >
					<a id="a4" href="indexcustomer.html" target="home">
						<i class="fa fa-address-book-o" aria-hidden="true"></i> 
						顾客管理
						<i class="fa fa-angle-double-right" aria-hidden="true"></i> 
					</a>
					
				</li>
				<li >
					<a id="a4" href="indexvip.html" target="home">
						<i class="fa fa-user-circle-o" aria-hidden="true"></i>
						会员管理
						<i class="fa fa-angle-double-right" aria-hidden="true"></i> 
					</a>
					
				</li>
				<li >
					<a id="a6" href="employees.html" target="home">
						<i class="fa fa-user-circle" aria-hidden="true"></i>
						员工管理
						<i class="fa fa-angle-double-right" aria-hidden="true"></i> 
					</a>
				</li>
				
				
			</ul>
		</div>
	</body>
</html>
